<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>发现</title>
	<script src="../js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
    <!--if lt IE 9]>
        <script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/find.css"/>
</head>
<body>
	
	<!-- 头部导航 -->
	<header class="header">
        <p class="_left"><i class="iconfont">&#xe648;</i>搜索感兴趣的内容...</p>
        <p class="_right"><i class="iconfont">&#xe74f;</i></p>
    </header>
    
    
    <!-- banner -->
    <nav class="swiper-container tab-nav">
        <div class="swiper-wrapper">
            <div class="swiper-slide">内容</div>
            <div class="swiper-slide">社区</div>
            <div class="swiper-slide">关注</div>
            
        </div>
    </nav>
    <main class="main">
        <div class="swiper-container tab-cont">
            <div class="swiper-wrapper">
                <div class="swiper-slide hot_recommend">
                	<div class="_top">
                		<p><img src="../images/icon_22.png"/></p>
                		<p><img src="../images/icon_21.png"/></p>
                	</div>
                	<div class="_concent clearfix">
                		<a href="video.html">
                			<img src="../images/icon_23.png"/>
                			<p>视频</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_24.png"/>
                			<p>堆糖Class</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_25.png"/>
                			<p>美容美妆</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_26.png"/>
                			<p>美发造型</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_27.png"/>
                			<p>时尚街拍</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_28.png"/>
                			<p>美食菜谱</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_29.png"/>
                			<p>美发造型</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_30.png"/>
                			<p>时尚街拍</p>
                		</a>
                		<a href="video.html">
                			<img src="../images/icon_31.png"/>
                			<p>美食菜谱</p>
                		</a>

                	</div>
                </div>
                <div class="swiper-slide shequ">
                    <div class="_top">
                		<p><a href="interest.html">发现感兴趣的Club<i class="iconfont">&#xe626;</i></a></p>
                	</div>
                	<div class="_concent">
                		<div class="trial_product">
                			<p><span>试用</span>试用第20期 | 舌尖上的美食之螺蛳粉</p>
                			<dl>
                				<dt><img src="../images/icon_40.png"/></dt>
                				<dd>堆糖试用申请</dd>
                			</dl>
                		</div>
                	</div>
                </div>
                <div class="swiper-slide attention">
                	<div class="_content">
                		<dl>
	                    	<dt><img src="../images/icon_42.jpg"/></dt>
	                    	<dd>
	                    		<p>你还没有关注任何堆糖小伙伴</p>
	                    		<p>去关注堆糖达人</p>
	                    	</dd>
	                    </dl>
                	</div>
                    
                </div>
                
               
            </div>
        </div>
    </main>
    
    
    <!-- 底部导航 -->
    <footer class="footer">
    	<dl class="_shouye">
    		<dt><i class="iconfont">&#xe684;</i></dt>
    		<dd>首页</dd>
    	</dl>
    	<dl class="_faxian">
    		<dt><i class="iconfont">&#xe602;</i></dt>
    		<dd>发现</dd>
    	</dl>
    	<dl class="_shangdian">
    		<dt><i class="iconfont">&#xe649;</i></dt>
    		<dd>商店</dd>
    	</dl>
    	
    	<dl class="_wode">
    		<dt><i class="iconfont">&#xe671;</i></dt>
    		<dd>我</dd>
    	</dl>
    </footer>
    
	<script src="../assets/jquery/jquery-3.2.1.js"></script>
	<script src="../assets/swiper/js/swiper-3.4.2.min.js"></script>
	<script src="../js/find.js"></script>
    <script src="../assets/swiper/js/swiper-3.4.2.jquery.min.js"></script>
    
    <script src="../assets/artTemplate/template-web.js" ></script>
    <script src="../assets/bootstrap/js/bootstrap.js"></script>
    <script type="text/html" id="template-item">
		{{each list v i}}
			<div class="trial_product">
				<p><span>试用</span>{{v.title}}</p>
				<dl>
					<dt><img src="{{v.imgs}}"/></dt>
					<dd>{{v.content}}</dd>
				</dl>
			</div>
		{{/each}}
 
    </script>
    
    
</body>
</html>
